.content{
	width: 750rpx;
	background: linear-gradient(to bottom, rgb(255, 226, 237) 50%, rgb(255, 255, 255) 100%); 
	margin-top: 0px;
	padding: 20rpx;
	box-sizing: border-box;
	.banner {
		width: 710rpx;
		height: 400rpx;
		border-radius: 20rpx;
		swiper-item {
			height: 100%;
			width: 100%;
			image {
				height: 100%;
				width: 100%;
				border-radius: 20rpx;
			}
			video {
				height: 100%;
				width: 100%;
				border-radius: 20rpx;
			}
		}
	}

	.notice {
		width: 710rpx;
		height: 70rpx;
		margin-top: 20rpx ;
		padding: 10rpx 20rpx;
		box-sizing: border-box;
		background-color: #fff;
		border-radius: 20rpx;
		display: flex;
		align-items: center;
		.left {
			font-size: 30rpx;
			color: #FD9E96;
			font-weight: 500;
		}
		.right{
			height: 50rpx;width: 67%;margin-left: 20rpx;color: #999;
		}
	}
	
	.nav {
		width: 710rpx;
		margin-top: 20rpx ;
		background-color: #fff;
		border-radius: 20rpx;
		display: flex;
		flex-wrap: wrap;
		.resvih {
			width: 140rpx;
			height: 200rpx;
			padding: 10rpx;
			box-sizing: border-box;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			align-items: center;
			flex-direction: column;
			.thumb {
				width: 120rpx;
				height: 120rpx;
				border-radius: 50%;
			}
			.title {
				width: 120rpx;
				height: 60rpx;
				line-height: 60rpx;
				text-align: center;
				font-size: 24rpx;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
		}
	}
	
	.goods{
		margin-top: 20rpx;
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
		.item{
			min-height:400rpx;
			width: 49%;
			border-radius: 10rpx;
			margin-right: 0;
			margin-bottom: 10rpx;
			background-color: #fff;
			text-align: center;
			.image{
				width: 100%;
				height:300rpx;
				border-top-left-radius: 10rpx;
				border-top-right-radius: 10rpx;
			}
			.bottom{
				padding: 10rpx 20rpx;
				box-sizing: border-box;
				text-align: left;
				.name{
					height: 100rpx;
					font-size: 30rpx;
					font-weight: bold;
					color: #000;
					display: -webkit-box; /* 使用弹性盒子布局 */
					-webkit-line-clamp: 2; /* 限制在两行 */
					-webkit-box-orient: vertical; /* 垂直排列盒子 */
					overflow: hidden; /* 超出部分隐藏 */
					text-overflow: ellipsis; /* 显示省略号 */
					line-height: 1.5; /* 设置行高 */
					max-height: 3em; /* 最大高度为两行高度 */
					white-space: normal; /* 使用正常的白空格处理方式，允许换行 */
				}
				.price{
					height: 50rpx;
					line-height: 50rpx;
					font-size: 30rpx;
					font-weight: bold;
					color: #FF847A;
				}
				.sales{
					height: 50rpx;
					font-size: 24rpx;
					color: #999;
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					align-items: center;
					.cart{
						width: 35rpx;
						height: 35rpx;
					}
				}
			}
		}
	}
}
.search{
	width: 702rpx;
	height: 60rpx;
	background-color: #fff;
	border-radius: 40rpx;
	border: 2rpx solid #fff;
	background: linear-gradient(90deg, rgb(246, 44, 44) 50%, rgb(249, 110, 41) 100%); margin-top: 0px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	.left{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
	.right{
		width: 200rpx;
		height: 100rpx;
		background-color: green;
	}
}